<template>
  <menu1 v-if="flag"></menu1>
  <button @click="flag=!flag">{{ flag ? "隐藏" : "显示" }}</button>
  <br>
  <header1></header1>
  <br>
  <content></content>
</template>

<script lang="ts" setup>
import {computed, ref} from 'vue'
import menu1 from "./menu/Menu.vue";
import header1 from "./header/Header.vue";
import Content from "./content/Content.vue";

let flag = ref(true)
let flagStr = computed(() => {
  console.log(flag ? "显示" : "隐藏")
  return flag ? "显示" : "隐藏"
})
</script>

<style>

</style>

